<template>
  <el-container class="mall_goods-tool_good-material">
    <el-main>
      <el-tabs type="border-card">
        <el-tab-pane>
          <span slot="label"><i class="el-icon-picture" />图片</span>
          <ImgSource />
        </el-tab-pane>
        <el-tab-pane>
          <span slot="label"><i class="el-icon-film" />视频</span>
          <VideoSource />
        </el-tab-pane>
        <el-tab-pane>
          <span slot="label"><i class="el-icon-share" />音频</span>
          <VoiceSource />
        </el-tab-pane>
        <el-tab-pane>
          <span slot="label"><i class="el-icon-document" />文档</span>
          <DocSource />
        </el-tab-pane>
        <el-tab-pane>
          <span slot="label"><i class="el-icon-postcard" />图文</span>
          <ImgTextSource />
        </el-tab-pane>
      </el-tabs>
    </el-main>
  </el-container>
</template>

<script>
import ImgSource from './components/imgSource'
import VoiceSource from './components/voiceSource'
import VideoSource from './components/videoSource'
import DocSource from './components/docSource'
import ImgTextSource from './components/imgTextSource'

export default {
  components: {
    ImgSource,
    VoiceSource,
    VideoSource,
    DocSource,
    ImgTextSource
  }
}
</script>

<style lang="scss">
.mall_goods-tool_good-material {
  font-size: 14px;
  .content {
    display: flex;
    .left {
      width: 70%;
      margin-right: 10px;
    }
    .right {
      flex: 1;
      .search-btn {
        .el-input-group__append {
          background-color: #fff;
        }
      }
      .el-tree > .el-tree-node > .el-tree-node__children {
        height: 577px;
        overflow-y: scroll;
      }
    }
  }
  .p-10 {
    padding: 0 10px;
  }
  .font-size12 {
    font-size: 12px;
  }
}
</style>
